<!DOCTYPE html>

<head>
    <script src="fabric.min.js"></script>
    <script src="jquery-3.5.0.min.js"></script>
    <script src="heic2any.js"></script>

    <script src="index2.js"></script>
</head>

<body>
    <h1>一</h1>
    <div style="display: flex;">
        <div id="a1_edit" style="background-color: rgb(211, 211, 198);height: 300px;width: 300px;">
        </div>
        <div id="a2_edit" style="margin-left: 10px;background-color: rgb(211, 211, 198);height: 300px;width: 300px;">
        </div>
        <div id="a3_edit" style="margin-left: 10px;background-color: rgb(211, 211, 198);height: 300px;width: 300px;">
        </div>
        <div id="a4_edit" style="margin-left: 10px;background-color: rgb(211, 211, 198);height: 300px;width: 300px;">
        </div>
       
    </div>
    <button onclick="upImage()">点击上传图片</button>

    <div id="a_show" style="position: relative;margin-left: 10px;background-color: rgb(211, 211, 198);height: 300px;width: 300px;">
    </div>
    <button onclick="mergeAll()">合并</button>
</body>

</html>